<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Leaflet可视化平台</title>
    <!-- <link rel="stylesheet" href="../node_modules/leaflet/dist/leaflet.css"> -->
    <!-- <script type="text/javascript" src="../node_modules/leaflet/dist/leaflet.js"></script>  -->
    <!-- <link rel="stylesheet" href="../node_modules/leaflet-draw/dist/leaflet.draw.css"> -->
    <!-- <script type="text/javascript" src="../node_modules/leaflet-draw/dist/leaflet.draw.js"></script>  -->
    <!-- <script type="text/javascript" src="../node_modules/leaflet.measurecontrol/leaflet.measurecontrol.min.js"></script>  -->
    <link rel="stylesheet" href="./app/common/css/leaflet.css">
    <style type="text/css">
    #map {
        width: 100%;
        height: 600px;
    }
    </style>
</head>

<body>
    <div id="mapbar">
        <div id="toolbar" class="mapbar">
            <div id="pan" class="t-item" title="平移"></div>
            <div id="zoomtoall" class="t-item" title="全图"></div>
            <!-- <div id="distance" class="t-item" title="测距离"></div> -->
            <!-- <div id="area" class="t-item" title="测面积"></div> -->
            <div id="myposition" class="t-item" title="定位"></div>
            <div id="click2find" class="t-item" title="点查询"></div>
            <div id="print2img" class="t-item" title="地图图片"></div>
            <div id="print2pdf" class="t-item" title="打印"></div>
        </div>
        <div id="vizbar" class="mapbar">
            <div id="heatbar" class="v-item" title="热力图示例"></div>
            <div id="echarts1" class="v-item" title="echarts散点图"></div>
            <div id="echarts2" class="v-item" title="echarts迁徙"></div>
            <div id="divicon" class="v-item" title="DivIcon和echarts"></div>
            <div id="dvf1" class="v-item" title="leaflet-dvf示例1"></div>
            <div id="dvf2" class="v-item" title="leaflet-dvf示例2"></div>
        </div>
        <div id="mapserverbar" class="mapbar">
            <div id="json" class="m-item" title="json"></div>
        </div>
        <!-- <div id="editbar" className="mapbar">
           <div id="e-select" className="e-item" title="选择">
               <img src="app/common/imgs/select.png" />
           </div>
           <div id="e-point" className="e-item" title="绘制点">
               <img src="app/common/imgs/point.png" />
           </div>
           <div id="e-line" className="e-item" title="绘制线">
               <img src="app/common/imgs/line.png" />
           </div>
           <div id="e-rect" className="e-item" title="绘制矩形">
               <img src="app/common/imgs/rect.png" />
           </div>
           <div id="e-rect" className="e-item" title="绘制多边形">
               <img src="app/common/imgs/polygon.png" )}/>
           </div>
           <div id="e-edit" className="e-item" title="修改">
               <img src="app/common/imgs/edit.png" />
           </div>
           <div id="e-delete" className="e-item" title="删除">
               <img src="app/common/imgs/delete.png" />
           </div>
           <div id="e-save" className="e-item" title="保存">
               <img src="app/common/imgs/save.png" />
           </div>
       </div> -->
    </div>
    <div id="map"></div>
    <!-- <script src="/app/common/leaflet-plugin/leaflet-echarts3.js"></script> -->
</body>

</html>
